<template>
	<view class="page">
		<view class="content">
			 
			<view class="list">
				<view class="item" v-for="(e,i) in list" :key="i">
					
				<imgInfo  :item="item"
				nameStyle="font-size: 30rpx;color: #232832;"
				imgStyle="width:60px;height:60px;margin-right:10px">
					<img :src="item.img" style="width:40px;height:40px;"/>
				</imgInfo>
				 <view class="tip">
				 	{{ item.name }}
				 </view>
				</view>
				
			</view>
		</view>
	</view>
</template>
<script>
	export default {
		components: {

		},
		props: {

		},
		data(){
		  return {
			    
		  }	
		},
	}
</script>
<style lang="scss" scoped>
	.page {
		.content {
			  
		    .list{
				.item{
					margin: 10px;
					.tip{
						font-size: 30rpx;
						font-family: PingFangSC-Regular-, PingFangSC-Regular;
						font-weight: normal;
						color: #787B86;
						margin-left: 70px;
						border-left: 2px solid #D1D1D6;
						padding-left: 5px;
						height: 30rpx;
						line-height: 30rpx;
					}
				}
			}
		}
	}
</style>
